<!DOCTYPE HTML>
<!--
	Future Imperfect by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
    <title>微信文章精选</title>
    <meta charset="utf-8" />
    <meta name="referrer" content="never">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="../static/css/main.css" />
    <!--这是点击访问详情页, 分类页, 下一页的js代码-->
    <script src="../static/js/index.js"></script>
</head>
<body class="single is-preload">
		<!-- Wrapper -->
    <div id="wrapper">
    <!-- Header -->
        <header id="header">
            <h1><a href="/">微信文章精选</a></h1>
            <nav class="links">
                <ul>
                    <li><a href="/?cid=pc_0">热门</a></li>
                    <li><a href="/?cid=pc_1">搞笑</a></li>
                    <li><a href="/?cid=pc_2">养生堂</a></li>
                    <li><a href="/?cid=pc_3">私房话</a></li>
                    <li><a href="/?cid=pc_4">八卦精</a></li>
                    <li><a href="/?cid=pc_5">科技咔</a></li>
                    <li><a href="/?cid=pc_6">财经迷</a></li>
                    <li><a href="/?cid=pc_7">汽车控</a></li>
                    <li><a href="/?cid=pc_8">生活家</a></li>
                    <li><a href="/?cid=pc_9">时尚圈</a></li>
                    <li><a href="/?cid=pc_10">育儿</a></li>
                    <li><a href="/?cid=pc_11">旅游</a></li>
                </ul>
            </nav>
            <nav class="main">
                <ul>
                    <li class="search">
                        <a class="fa-search" href="#search">Search</a>
                        <form id="search" method="get" action="#">
                            <input type="text" name="query" placeholder="Search" />
                        </form>
                    </li>
                    <li class="menu">
                        <a class="fa-bars" href="#menu">Menu</a>
                    </li>
                </ul>
            </nav>
        </header>

    <!-- Menu -->
        <section id="menu">
            <!-- Search -->
                <section>
                    <form class="search" method="get" action="#">
                        <input type="text" name="query" placeholder="暂时无效" />
                    </form>
                </section>
            <!-- Links -->
                <section>
                    <ul class="links">
                        <li><a href="/?cid=pc_0">热门</a></li>
                        <li><a href="/?cid=pc_1">搞笑</a></li>
                        <li><a href="/?cid=pc_2">养生堂</a></li>
                        <li><a href="/?cid=pc_3">私房话</a></li>
                        <li><a href="/?cid=pc_4">八卦精</a></li>
                        <li><a href="/?cid=pc_5">科技咔</a></li>
                        <li><a href="/?cid=pc_6">财经迷</a></li>
                        <li><a href="/?cid=pc_7">汽车控</a></li>
                        <li><a href="/?cid=pc_8">生活家</a></li>
                        <li><a href="/?cid=pc_9">时尚圈</a></li>
                        <li><a href="/?cid=pc_10">育儿</a></li>
                        <li><a href="/?cid=pc_11">旅游</a></li>
                    </ul>
                </section>

            <!-- Actions -->
                <section>
                    <ul class="actions stacked">
                        <li><a href="#" class="button large fit">Log In</a></li>
                    </ul>
                </section>

        </section>

    <!-- Main -->
        <div id="main">
            <!-- Post -->
            {% for item in data.articles %}
                <article class="post">
                    <header>
                        <div class="title">
                            <h2 ><a href="/detail?data={{ item.url }}" target="_blank">{{ item.title }}</a></h2>
                        </div>
                        <div class="meta">
                            <time class="published">{{ item.datetime }}</time>
                            <a href="/" class="author"><span class="name">{{ item.author }}</span></a>
                        </div>
                    </header>
                    <span class="image featured"><a href="/detail?data={{ item.url }}" target="_blank"><img src="{{ item.img }}" alt="" /></a></span>
                    <p>{{ item.summary }}</p>
                    <footer>
                        <ul class="stats">
                            <li><a href="#">General</a></li>
                            <li><a href="#" class="icon fa-heart">28</a></li>
                            <li><a href="#" class="icon fa-comment">128</a></li>
                        </ul>
                    </footer>
                </article>
            {% endfor %}
        </div>

    <!-- Footer -->
        <section id="footer">
            <ul class="icons">
                <li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li>
                <li><a href="#" class="fa-facebook"><span class="label">Facebook</span></a></li>
                <li><a href="#" class="fa-instagram"><span class="label">Instagram</span></a></li>
                <li><a href="#" class="fa-rss"><span class="label">RSS</span></a></li>
                <li><a href="#" class="fa-envelope"><span class="label">Email</span></a></li>
            </ul>
        <div style="text-align: center">文章来源微信,仅做测试使用 | &nbsp;&nbsp;author: <a href="https://www.leejia.me" target="_blank">Leejia</a></div>
        </section>

    </div>

<!-- Scripts -->
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/browser.min.js"></script>
<script src="../static/js/breakpoints.min.js"></script>
<script src="../static/js/util.js"></script>
<script src="../static/js/main.js"></script>

</body>
</html>